// components/tabs/tabs.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {

  },

  /**
   * 组件的初始数据
   */
  data: {

    tabs:[
      {id:0,name:'直播',isActive:true},
      {id:1,name:'专场',isActive:false},
      {id:2,name:'抢房',isActive:false},
      {id:3,name:'白嫖',isActive:false}
    ]

  },


 

  // 组件里面所有的方法都需要放到methods里面
  /**
   * 组件的方法列表
   */
  methods: {
    /**
     * 1 绑定点击事件 
     * 2 找到对应点击的item的索引  
     * 3  让对应的item里面的isActive 为true  其他的为false 
     * 4  改变完后 把 新生生成的tabs 重新赋值 
     * 
     */
    
    // 1 绑定点击事件 
    selectHandler(e){
      // console.log(111)
      console.log(e)
      // 2 找到对应点击的item的索引  
      let {index}=e.currentTarget.dataset

      let {tabs}=this.data
      // let  mytabs=this.data.tabs

      
      tabs.forEach((v,i)=>i==index? v.isActive=true:v.isActive=false)
      this.setData({
        // tabs:tabs
        tabs
      })

    },

  }
})
